<?php $bodyClass = "home dynamic index-logged" ; ?>
<?php require("../frame/frame_head_echo_logged.php"); ?>

<div class="container cf ppt-12">
	<div class="dynamic-container br-4">
		<div class="ui-tab-triggers">
			<ul class="cf">
				<li class="active"><a href="#">我关注的</a></li>
				<li><a href="#">朋友的朋友</a></li>
				<li><a href="#">频道热门</a></li>
			</ul>
		</div>
		
		<div class="dynamic-list">
			<ul>
				<li>
					<div class="dynamic-list-left">
						<a href="#" class="user-avatar"><img src="../images/page_images/user_6.jpg" class="circle" alt="user-avatar" /></a>
						<a href="#" class="user-name">用户名</a>
						<time class="time">2分钟以前</time>
					</div>
					<div class="dynamic-list-right">
						<div class="voice-cover active">
							<img class="br-2" src="../images/page_images/voice_2.jpg" alt="voice-cover" />
							<a href="#" class="btn play-btn">
								<i class="icon play-icon"></i>
								<time class="voice-length">3:19</time>
							</a>
						</div>
						
						<div class="dynamic-list-content">
							<h3><a href="#">声音名称</a></h3>
							<span class="category"><b>好听的动漫频道</b>频道</span>
							
							<div class="status-and-btn cf">
								<div class="ui-status voice-status fl cf">
									<span class="share" title="分享数目">372</span>
									<span class="like" title="喜欢数目">76</span>
									<span class="comment" title="评论数目">320</span>
								</div>

								<div class="btn-wp fr cf">
									<a href="#" class="fl ht btn like-btn" rel="nofollow">喜欢</a>
									<a href="#" class="fl ht btn share-btn" rel="nofollow">分享</a>
								</div>
							</div>
						</div>
					</div>
				</li>

				<li>
					<div class="dynamic-list-left">
						<a href="#" class="user-avatar"><img src="../images/page_images/user_7.jpg" class="circle" alt="user-avatar" /></a>
						<a href="#" class="user-name">用户名</a>
						<time class="time">2分钟以前</time>
					</div>
					<div class="dynamic-list-right">
						<div class="voice-cover">
							<img class="br-2" src="../images/page_images/voice_3.jpg" alt="voice-cover" />
							<a href="#" class="btn play-btn">
								<i class="icon play-icon"></i>
								<time class="voice-length">3:19</time>
							</a>
						</div>
						
						<div class="dynamic-list-content">
							<h3><a href="#">声音名称</a></h3>
							<span class="category"><b>好听的动漫频道</b>频道</span>
							
							<div class="status-and-btn cf">
								<div class="ui-status voice-status fl cf">
									<span class="share" title="分享数目">372</span>
									<span class="like" title="喜欢数目">76</span>
									<span class="comment" title="评论数目">320</span>
								</div>

								<div class="btn-wp fr cf">
									<a href="#" class="fl ht btn like-btn active" rel="nofollow">喜欢</a>
									<a href="#" class="fl ht btn share-btn" rel="nofollow">分享</a>
								</div>
							</div>
						</div>
					</div>
				</li>


				<li>
					<div class="dynamic-list-left">
						<a href="#" class="user-avatar"><img src="../images/page_images/user_8.jpg" class="circle" alt="user-avatar" /></a>
						<a href="#" class="user-name">用户名</a>
						<time class="time">2分钟以前</time>
					</div>
					<div class="dynamic-list-right">
						<div class="voice-cover">
							<img class="br-2" src="../images/page_images/voice_4.jpg" alt="voice-cover" />
							<a href="#" class="btn play-btn">
								<i class="icon play-icon"></i>
								<time class="voice-length">3:19</time>
							</a>
						</div>
						
						<div class="dynamic-list-content">
							<h3><a href="#">声音名称</a></h3>
							<span class="category"><b>好听的动漫频道</b>频道</span>
							
							<div class="status-and-btn cf">
								<div class="ui-status voice-status fl cf">
									<span class="share" title="分享数目">372</span>
									<span class="like" title="喜欢数目">76</span>
									<span class="comment" title="评论数目">320</span>
								</div>

								<div class="btn-wp fr cf">
									<a href="#" class="fl ht btn like-btn active" rel="nofollow">喜欢</a>
									<a href="#" class="fl ht btn share-btn" rel="nofollow">分享</a>
								</div>
							</div>
						</div>
					</div>
				</li>

				<li>
					<div class="dynamic-list-left">
						<a href="#" class="user-avatar"><img src="../images/page_images/user_9.jpg" class="circle" alt="user-avatar" /></a>
						<a href="#" class="user-name">用户名</a>
						<time class="time">2分钟以前</time>
					</div>
					<div class="dynamic-list-right">
						<div class="voice-cover">
							<img class="br-2" src="../images/page_images/voice_5.jpg" alt="voice-cover" />
							<a href="#" class="btn play-btn">
								<i class="icon play-icon"></i>
								<time class="voice-length">3:19</time>
							</a>
						</div>
						
						<div class="dynamic-list-content">
							<h3><a href="#">声音名称</a></h3>
							<span class="category"><b>好听的动漫频道</b>频道</span>
							
							<div class="status-and-btn cf">
								<div class="ui-status voice-status fl cf">
									<span class="share" title="分享数目">372</span>
									<span class="like" title="喜欢数目">76</span>
									<span class="comment" title="评论数目">320</span>
								</div>

								<div class="btn-wp fr cf">
									<a href="#" class="fl ht btn like-btn" rel="nofollow">喜欢</a>
									<a href="#" class="fl ht btn share-btn" rel="nofollow">分享</a>
								</div>
							</div>
						</div>
					</div>
				</li>
				
				<li>
					<div class="dynamic-list-left">
						<a href="#" class="user-avatar"><img src="../images/page_images/user_9.jpg" class="circle" alt="user-avatar" /></a>
						<a href="#" class="user-name">用户名</a>
						<time class="time">2分钟以前</time>
					</div>
					<div class="dynamic-list-right">
						<div class="voice-cover">
							<img class="br-2" src="../images/page_images/voice_6.jpg" alt="voice-cover" />
							<a href="#" class="btn play-btn">
								<i class="icon play-icon"></i>
								<time class="voice-length">3:19</time>
							</a>
						</div>
						
						<div class="dynamic-list-content">
							<h3><a href="#">声音名称</a></h3>
							<span class="category"><b>好听的动漫频道</b>频道</span>
							
							<div class="status-and-btn cf">
								<div class="ui-status voice-status fl cf">
									<span class="share" title="分享数目">372</span>
									<span class="like" title="喜欢数目">76</span>
									<span class="comment" title="评论数目">320</span>
								</div>

								<div class="btn-wp fr cf">
									<a href="#" class="fl ht btn like-btn" rel="nofollow">喜欢</a>
									<a href="#" class="fl ht btn share-btn" rel="nofollow">分享</a>
								</div>
							</div>
						</div>
					</div>
				</li>

				<li>
					<div class="dynamic-list-left">
						<a href="#" class="user-avatar"><img src="../images/page_images/user_9.jpg" class="circle" alt="user-avatar" /></a>
						<a href="#" class="user-name">用户名</a>
						<time class="time">2分钟以前</time>
					</div>
					<div class="dynamic-list-right">
						<div class="voice-cover">
							<img class="br-2" src="../images/page_images/voice_1.jpg" alt="voice-cover" />
							<a href="#" class="btn play-btn">
								<i class="icon play-icon"></i>
								<time class="voice-length">3:19</time>
							</a>
						</div>
						
						<div class="dynamic-list-content">
							<h3><a href="#">声音名称</a></h3>
							<span class="category"><b>好听的动漫频道</b>频道</span>
							
							<div class="status-and-btn cf">
								<div class="ui-status voice-status fl cf">
									<span class="share" title="分享数目">372</span>
									<span class="like" title="喜欢数目">76</span>
									<span class="comment" title="评论数目">320</span>
								</div>

								<div class="btn-wp fr cf">
									<a href="#" class="fl ht btn like-btn" rel="nofollow">喜欢</a>
									<a href="#" class="fl ht btn share-btn" rel="nofollow">分享</a>
								</div>
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>
	</div>

	<div class="right">
		<div class="user-info-wp br-4">
			<div class="user-avatar"><img src="../images/page_images/user_2.jpg" class="circle" alt="user-avatar" /></div>
			<h1 class="user-name">用户名</h1>

			<div class="user-info">
				<i class="icon gender-icon female-icon" title="女"></i>
				<span>白羊座</span>
				<span class="location">上海</span>
			</div>

			<a href="#" class="ht btn like-btn" rel="nofollow">我喜欢的</a>
		</div>

		<div class="right-ad ppt-12">
			<a href="#"><img class="br-3" src="../images/page_images/channel_1.jpg" alt="ad" /></a>
		</div>
	</div>
</div>

<?php require("../frame/frame_foot.php"); ?>